.body-mask-box{background:url(../images/data-body-bg.jpg) no-repeat;background-size:100% 100%;width:100%;height:100%;position:fixed;left:0;top:0;z-index:1;}
.data-sider-box{width:25%;height:calc(100vh - 140px);position:absolute;top:118px;z-index:10;}
.data-sider-box.ds-left-box{left:15px;}
.data-sider-box.ds-right-box{right:15px;}
.data-sider-box .data-fx-box{margin-bottom:20px;}
.data-sider-box .data-fx-box:last-child{margin-bottom:0;}
.data-sider-box .qx-apply-box{background:rgba(0,0,0,0.2);height:540px;}
.data-sider-box .xm-area-box{background:rgba(0,0,0,0.2);height:29%;min-height: 258px;}
.data-sider-box .qx-manage-box{background:rgba(0,0,0,0.2);height:380px;}
.data-sider-box .xm-stage-box{background:rgba(0,0,0,0.2);height:500px;}
.map-region-box{background:url(../images/data/map-region-box.png) no-repeat;background-size:100% 100%;min-height:510px;height: calc(100vh - 500px);}
.data-main-box{width:44%;overflow:hidden;position:relative;margin:10px auto 0 auto;z-index:9;}
.data-main-box .apply-sum-box{height:290px;overflow:hidden;}
.data-main-box .apply-sum-box .title,.data-main-box .apply-sum-box .desc{display:block;overflow:hidden;text-align:center;}
.data-main-box .apply-sum-box .title{font-size:24px;color:#fff;font-weight:bold;margin-top:40px;}
.data-main-box .apply-sum-box .desc{font-size:18px;color:#c3cad9;letter-spacing:5px;margin-top:10px;}
.data-main-box .apply-sum-box .num-list-box{width:100%;overflow:hidden;text-align:center;margin-top:50px;font-size:0;}
.data-main-box .apply-sum-box .num-list-box .one-item{background:url(../images/num-item-bg.png) no-repeat;width:70px;height:92px;display:inline-block;overflow:hidden;font-size:50px;font-weight:bold;color:#89eaff;line-height:85px;text-align:center;margin-right:10px;}
.data-main-box .apply-sum-box .num-list-box .one-fg{background:url(../images/num-item-fg.png) no-repeat center 0;width:12px;height:92px;display:inline-block;overflow:hidden;}
.data-main-box .apply-sum-box .num-list-box .one-unit{background:url(../images/num-unit.png) no-repeat right 0;width:20px;height:92px;display:inline-block;overflow:hidden;}
.data-fx-box{width:100%;position:relative;overflow:hidden;}
.data-fx-box .title-box{background:url(../images/data/df-tit-line.png) repeat-x 0 bottom;height:40px;display:inline-block;overflow:hidden;font-size:24px;color:#fff;font-weight:bold;position:absolute;left:25px;top:25px;}
.data-fx-box .df-chart-box{width:100%;overflow:hidden;position:absolute;left:0;}
